@import "mixins/components-lists";

.c-list {
  display: block;
  margin: @list-margin;
  padding: @list-padding;
  list-style-position: outside;
}

.c-list .c-list {
  padding: @list-nested-padding;
}

.c-list__item {
  padding: @list-item-padding;
}

.c-list__item--unstyled {
  list-style: @list-item-unstyled-list-style;
}

.c-list--unstyled {
  .list--unstyled();
}

.c-list--ordered {
  .list--unstyled();
  counter-reset: ordered;

  .c-list__item {
    &:before {
      padding: @list-ordered-item-padding;
      content: counters(ordered, ".") " ";
      counter-increment: ordered;
    }
  }
}

.c-list--inline {
  .list--inline();

  .c-list--inline {
    .list--inline();
  }

  .c-list__item {
    display: inline-block;
    width: auto;
    padding-right: @list-inline-item-padding-right;
  }

  &:not(.c-list--unstyled) {
    .c-list__item {
      &:before {
        padding: @list-inline-item-bullet-padding;
        content: @list-inline-item-bullet-content;
      }
    }
  }
}
